.header_plantilla{ width:98.7%; position:fixed; top:0;margin:0 auto; background:#FFF;z-index:200;}
.rowColorRed{
    background: #CC0303;
}
.estiloCelda1{
    background-color: green;
    font-weight: bold;		
    color: white;		
}

.formulario {
    font-size:10px;margin-top: 150px;
}

.tituloBannerSistema{
    font-size:   20px;
    font-weight: bold;
    font-family: Verdana, sans-serif;
    color:#004492;
    text-align: center;
}


.tituloPantalla{
    color: #A3270F;
    font-weight:bold;
    font-size:12px;
    FONT-FAMILY: 'Arial';
    text-transform:uppercase;	
}	

.label{
    FONT-FAMILY:'Arial'!important;
    color:#000000 !important;
    font-size:10px !important;
    text-transform:uppercase !important;        
    font-weight: bold !important;
}

.subTitulo{
    FONT-FAMILY:'Arial'!important;
    color:#891717 !important;
    font-size:10px !important;
    text-transform:uppercase !important;        
    font-weight: bold !important;
}

.mensaje{
    FONT-FAMILY:'Arial';
    color:#4297FF;
    font-size:10px;
    text-transform:uppercase;
    font-weight: bold
}

.mensajeAzul{
    FONT-FAMILY:'Arial';
    color:#004492;
    font-size:10px;
    text-transform:uppercase;
    font-weight: bold
}

.mensajeRojo{
    FONT-FAMILY:'Arial';
    color:#D14836;
    font-size:10px;
    text-transform:uppercase;
    font-weight: bold
}
.mensajeCeleste{
    FONT-FAMILY:'Arial';
    color: #4297FF;
    font-size:10px;
    text-transform:uppercase;
    font-weight: bold
}

.mensajeMorado{
    FONT-FAMILY:'Arial';
    color:#A3270F;
    font-size:10px;
    text-transform:uppercase;
    font-weight: bold
}

.mensajeVerde{
    FONT-FAMILY:'Arial'; 
    color:#F7F7F7;
    font-size:10px;
    text-transform:uppercase;
    font-weight: bold
}


.txtCampo{
    FONT-FAMILY:'Arial' !important;
    color:#000000 !important;
    font-size:10px !important;
    border-color:#787878 !important;
    text-transform:uppercase !important;        
}

.estiloPanelGrid{
    FONT-FAMILY:'Arial' !important;
    color:#000000 !important;
    font-size:10px !important;
    border-color:#FFFFFF !important;
    text-transform:uppercase !important;        
}

.estiloPanel{
    FONT-FAMILY:'Arial' !important;
    color:#000000 !important;
    font-size:10px !important;
    border-color:#787878 !important;
    text-transform:uppercase !important;        
}

.estiloPanelOpcionSistema{
    FONT-FAMILY:'Arial' !important;
    color:#000000 !important;
    font-size:10px !important;
    border-color:#787878 !important;       
}

.txtCampoObligatorio{
    FONT-FAMILY:'Arial' !important; 
    color:#000000 !important;
    font-size:10px !important;
    border-color: #004492 !important;            
    text-transform:uppercase !important;        
}

.txtCampoObligatorioOpcionsistema{
    FONT-FAMILY:'Arial' !important; 
    color:#000000 !important;
    font-size:10px !important;
    border-color: #004492 !important;            
    text-transform:lowercase !important;        
}

.menuItem{
    FONT-FAMILY:'Arial'; color:#A3270F;font-size:9px;font-weight: bold;        
}

.subMenu{
    FONT-FAMILY:'Arial'; color:#004492;font-size:9px;font-weight: bold;        
}

.txtTituloHeader{

    text-transform:uppercase;
    border:0;
    color:#000000;
    font-weight: bold;
    font-family: verdana, sans-serif; 
    font-size:11px;
}

.valueColTable{
    FONT-FAMILY: 'Arial';
    font-size: 8px;
    text-transform:uppercase;
}

.estiloLink{
    FONT-FAMILY: 'Arial';
    text-decoration: underline;
    font-size: 10px;
    text-transform:uppercase;
}

.general{
    font-size: 10px;
    text-transform:uppercase;
}

.botonesTabla{
    text-align:center;
}

.estiloBoton{
    FONT-FAMILY: 'Arial';
    text-decoration: underline;
    font-size: 10px;
    text-transform:uppercase;
    background-color: #C41F1F;
    font-weight: bold;
    color: #FFFFFF;
}

.estiloMenu{
    FONT-FAMILY: 'Arial';
    text-decoration: underline;
    font-size: 12px;
    text-transform:uppercase;
    font-weight: bold;
    color: #ffffff;
}

.estiloSubTitulo{
    FONT-FAMILY: 'Arial';	
    font-size: 12px;
    text-transform:uppercase;
    font-weight: bold;
    color: #ffffff;
}

.estiloResaltaInformacion{
    FONT-FAMILY: 'Arial';	
    font-size: 11px;
    text-transform:uppercase;
    font-weight: bold;
    color: #ffffff;
    background: #004492;
    color: #F7F7F7;
}

.botonAzul {
    background: #004492;
    color: #F7F7F7;
    font-size: 10px;
    text-transform:uppercase;
    font-weight: bold;
}

.botonRojo {
    background: #bd1e13;
    color: #F7F7F7;
    font-size: 10px;
    text-transform:uppercase;
    font-weight: bold;
}

.botonVerde {
    background: #A3270F;
    color: #F7F7F7;
    font-size: 10px;
    text-transform:uppercase;
    font-weight: bold;
}

.botonCeleste {
    background: #4297d7;
    color: #F7F7F7;
    font-size: 10px;
    text-transform:uppercase;
    font-weight: bold;
}

.botonNaranja {
    background: #fc5b04;
    color: #F7F7F7;
    font-size: 10px;
    text-transform:uppercase;
    font-weight: bold;
}

.botonPlomo {
    background: #787878;
    color: #F7F7F7;
    font-size: 10px;    
    text-transform:uppercase;
    font-weight: bold;
}

.ui-messages-info, .ui-message-info {
    color: #FFFFFF;
    background-color: #A3270F !important;
}

.ui-messages-error, .ui-message-error {
    color: #F5ECEC;
    background-color: #CC0303;
}


.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
    border: 1px solid;
    margin: 10px 0px;
    padding: 5px 5px 5px 5px;
    margin-left: 8px !important;
    font-weight: bold;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    text-align: left;
    text-transform:uppercase !important;        
    font-size: 10px !important; 
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    border-color:#787878 !important;
    text-transform:uppercase;        
    font-size: 10px !important;
    box-shadow: inset 0 0px 0px #FAF5F2 !important;
}

.ui-autocomplete-panel .ui-autocomplete-list-item {
    text-transform:uppercase !important;        
    font-size: 10px !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #fcefa1 !important;
    color: #363636 !important;
    /*font-weight: bold !important;*/

}
.ui-autocomplete-item ui-autocomplete-row ui-widget-content{
    text-transform:uppercase !important;        
    font-size: 10px !important;
}

.ui-menu .ui-menu-parent .ui-menu-child {
    width: 32.5em !important;
}

/* quitar borde redondeado */
.ui-corner-all {
    border-radius: 4px !important;
}



.ui-growl {
    position: fixed;
    top:10px;
    left:45%;
    vertical-align: top;   
    z-index:9999;
}

.highlight-calendar {
    font-weight:bold !important;
    color: red !important; 
    background: none repeat scroll 0 0 red;}

.info_busqueda{overflow-x:scroll;  width:98.7%;padding:5px; margin-bottom:10px;}
.tabla_dinam{width:98.7% ; }

.classBtnXLS{background-image: url('/recursos/imagenes/XLS.png');}

.rowStyleEstElaboracion{color: #6CE26C !important; }
.rowStyleEstConfirmado{color: rgb(19, 245, 218) !important;}
.rowStyleEstAnulado{color: tomato !important;}
.rowStyleRechazado{color: lightgray !important}